<template>
  <van-row>
    <van-row>
      <van-nav-bar title="自由训练"  style="height: 52px;line-height: 52px"  border:false>
        <van-icon name="arrow-left" slot="left" color="#ccc" size="34px" @click="onClickLeft" />
      </van-nav-bar>
      <van-dropdown-menu >
        <van-dropdown-item v-model="value1" :options="option1" @close="tap1()"/>
        <van-dropdown-item v-model="value2" :options="option2" @close="tap2()"/>
        <van-dropdown-item v-model="value3" :options="option3" @close="tap3()"/>
      </van-dropdown-menu>
      </van-tabs>
    </van-row>
    <van-row>
<!--      需要接口-->
    </van-row>
  </van-row>


</template>
<script scoped>
  export default {
    name:'freetraining',
    data(){
      return{
        value1: '',
        value2: '',
        value3:'',
        option1: [
          { text: '部位不限', value: ''},
          { text: '胸部', value: 'chest' },
          { text: '背部', value: 'back'},
          { text: '肩部', value: 'shoulder'},
          { text: '手臂', value: 'arms'},
          { text: '腿部', value: 'legs'},
          { text: '臀部', value: 'buttocks'},
          { text: '腹部', value: 'abdomen' },
          { text: '全身', value: 'whole' },
          { text: '拉伸', value: 'stretching' },
        ],
        option2: [
          { text: '时间不限', value: ''},
          { text: '大于10分钟', value: 'more10' },
          { text: '10~20分钟', value: '10to20'},
          { text: '20~30分钟', value: '20to30'},
          { text: '小于30分钟', value: 'less30'},
        ],
        option3: [
          { text: '难度不限', value: ''},
          { text: '初级', value: 'first' },
          { text: '中级', value: 'medium' },
          { text: '高级', value: 'high' },
        ]
      }
    },
    methods:{
      onClickLeft(){
        this.$router.go(-1)
      },
      tap1(){
        console.log(this.value1)
      },
      tap2(){
        console.log(this.value2)
      },
      tap3(){
        console.log(this.value3)
      },
    }
  }
</script>
<style>

</style>
